<template>
  <div>
    <TopTittle>
      <h1>转账</h1>
    </TopTittle>
    <BlueModule/>
    <div class="center">
       <div>
        <div>
            <van-icon name="description" size="0.3rem"/>
            <p>转账记录</p>
        </div>
        <div>
            <van-icon name="newspaper-o" size="0.3rem"/>
            <p>收款人名册</p>
        </div>
       </div>
    </div>
    <MoneyTool/>
  </div>
</template>

<script>
    import TopTittle from "@/components/index/TopTittle.vue";
    import BlueModule from "@/components/index/zhuanzhang/BlueModule.vue";
    import MoneyTool from "@/components/index/zhuanzhang/MoneyTool.vue";
  
  export default {
    components:{
      TopTittle,BlueModule,MoneyTool
    }
  
  
  }
  </script>

<style lang="scss" scoped> 
.center {
    width: 100%;
    margin-top: .2rem;
    border-bottom: .1rem solid #e5e5e5;
    box-sizing: border-box;
    padding-bottom: .15rem;
    >div {
        width: 80%;
        margin: auto;
        display: flex;
        >div {
            width: 50%;
            display: flex;
            // background: #999;
            align-items: center;
            p {
                // margin-left: .1rem;

            }
        }
    }
}

</style>